import Vue from 'vue'
import App from './App.vue'
import router from './router/auth.js'
// 脚手架自动创建的vuex.store
import store from './store'

// 引入vant组件库
// import Vant, { Lazyload } from 'vant'

import 'vant/lib/index.css'
import './plugin/vant.js'

// 它会根据的手机尺寸来调整rem的基准值：html标签上的font-size。
import 'amfe-flexible'

import '@/style/index.less'
// 导入事件总线
import EventBus from './utils/eventbus'

import { formatTime, relativeTime } from '@/utils/date-time.js'
// console.log(formatTime)
// 定义全局过滤器（这个过滤器需要在其他的组件中使用），
// Vue.filter('过滤器名',function(过滤前的值){
//   ...
//   return 过滤之后的值
// })
// 第一种方式
// Vue.filter('formatTime', formatTime)
// 这是第二中
Vue.filter('formatTime', function (val) {
  return formatTime(val)
})
Vue.filter('relativeTime', function (val) {
  return relativeTime(val)
})
// 全局导入，全部的vant可以直接使用
// Vue.use(Vant)
// Vue.use(Lazyload)

// 把事件总线挂载在院校对象上
// 则在组件内部，可以直接通过this.$eventBus来访问这个事件总线对象
Vue.prototype.$eventBus = EventBus

Vue.config.productionTip = false

new Vue({
  router,
  store,
  render: h => h(App)
}).$mount('#app')
